<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Home</title>
	<style type="text/css" media="screen">
		html, body 		{ margin: 0; padding: 0; }
		body 			{ color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; height: 100%; }
		h2				{ color: #333; }
		a				{ color: #337810; }
		p				{ margin: 0 0 18px; }
		#container		{ width: 760px; margin: 0 auto; }
		
		/* Header */
		#header			{ background: #eee; border-bottom: 2px solid #ddd; }
		#header h1  	{ color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
		#header p		{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }
		
		/* Content Style */
		#navigation		{ margin-left: 18px; }
		#navigation ul	{ padding: 0 18px 9px; }
		#extra			{ margin: 0 18px; }
		#extra small	{ font-size: 11px; line-height: 18px; }
		#content		{ border-bottom: 1px solid #ccc; margin: 0 18px; }
		#content p, #extra p { padding-right: 18px; }
		
		/* Content Positioning and Size */
		#wrapper		{ height: 80%; margin: 0 auto; }
		#navigation		{ float: left; width: 350px; }
		#content		{  }
		#extra			{ float: right; width: 350px; }		/* Footer */
		#footer			{ background: #333; border-bottom: 2px solid #999; clear: both; }
		#footer a		{ color: #eee; }
		#footer	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
	</style>
	<!--[if IE]>
	<style type="text/css">
	    #navigation, #content, #extra { margin-top: 20px; }
	</style>
	<![endif]-->
</head>
<body>
	<p height="100%">
	<div id="container">
		<div id="header">
			<h1>S1 Export Tool</h1>
			<p class="description"></p>
		</div>
		<div id="wrapper">
			<div id="content">
				<h2>Import</h2>
				<p>
				<form method="post" action="import" enctype="multipart/form-data">                    
                    <input type="file" name="file" >
					<select name="datasource">
                      <option value="1" selected >PROD1</option>
                      <option value="2">IMPL1</option>
                      <option value="3">STAGE1</option>
                      <option value="4">SNAP1</option>
                    </select>                    
                    <input type="submit"/>
                </form>				
				</p>				
			</div>
			<div id="content">
				<h2>Export</h2>
				<p></p>				
			</div>
			<div id="content">
						
		 	<table>
		      <c:forEach var="resource" items="${resources}">
		        <tr>
		          <td>${resource.id}</td>
		          <td>${resource.name}</td>
		        </tr>
		      </c:forEach>
		    </content>
    </table>
		</div>
		<div id="footer">
			<ul>
				<li><a href="home">Home</a></li>
				<li><a href="logout.jsp">Logout</a></li>
			</ul>
			<p>  The time on the server is ${serverTime}. </p>
		</div>
	</div>
	</p>    
</body>
</html>
